.page-full-brandOne{
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-image: linear-gradient(to bottom,#187E4C,#1a7e48);
  #topHeaderComponent{
    .top-header{
      background: transparent!important;
    }
    .top-header-title{
      color: #ffffff;
    }
    .top-header-left{
      width: 88px;
      height: 88px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .back-arrow{
      width: 34px;
      height: 34px;
    }
  }
  .logo_wrapper{
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    img{
      width: 73px;
      height: 31px;
    }
  }
  .brandOne_wrapper{
    margin-top: 88px;
    flex: 1;
    background:url(../../../static/image/brandOperationOne/f_home.png) no-repeat top center/100% auto;
  }
  .userMsg{
    position: absolute;
    left: 50%;
    top: 835px;
    margin-left: -345px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  // @media screen and (min-height:740px) and (width:375px){
  //   .userMsg{
  //     bottom: 20%;
  //   }
  // }
  // @media screen and (min-height:823px) and (width:411px){
  //   .userMsg{
  //     bottom: 14%;
  //   }
  // }
  .msg_wrap{
    width: 690px;
    background: #FFFCD8;
    border: 2px solid #176741;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 30px;
    .con{
      border:1px dashed #8BB18C;/*no*/
      border-radius: 10px;
      padding: 0 20px;
      .item{
        display: flex;
        align-items: center;
        height: 90px;
        // color: #167A4A;
        &:not(:last-child){
          border-bottom: 1px solid #8BB18C;/*no*/
        }
        .c_lab{
          flex:0 0 132px;
          text-align:justify;
          text-align-last: justify;
          font-size: 30px;
          margin-right: 30px;
          color: #167A4A;
          em{
            display: inline-block;
            width: 120px;
            font-style: normal;
          }
        }
        .c_right{
          flex: 1;
          display: flex;
          align-items: center;
          .uname{
            background: none;
            height: 80px;
            border: none;
            width: 100%;
            outline: none;
            color: #167A4A;
            font-size: 30px;
            &::-webkit-input-placeholder{
              color: #0F4D2B;
              opacity: .5;
            }
          }
          .usex{
            display: flex;
            align-items: center;
            color: #167A4A;
            &:first-child{
              margin-right: 50px;
            }
            i{
              display: block;
              width: 30px;
              height: 30px;
              margin-right: 20px;
              background: url(../../../static/image/brandOperationOne/f_checkNo.png) no-repeat center/100% 100%;
            }
            &.active{
              i{
                background: url(../../../static/image/brandOperationOne/f_check.png) no-repeat center/100% 100%;
              }
            }
          }
        }
      }
    }
  }
  .btn_wrap{
    width: 566px;
    height: 90px;
    margin: 0 auto;
    border: none;
    outline: none;
    appearance: none;
    background: url(../../../static/image/brandOperationOne/f_home_button.png) no-repeat center/100% 100%;
  }
} 